<template>
  <van-nav-bar left-text="我的订单" left-arrow @click-left="$router.back()" />

  <van-tabs v-model:active="active" color="#ff8d1a" title-active-color="#ff8d1a">
    <van-tab title="全部"></van-tab>
    <van-tab title="待付款"></van-tab>
    <van-tab title="待使用"></van-tab>
    <van-tab title="待评价"></van-tab>
    <van-tab title="退款/售后"></van-tab>
  </van-tabs>

</template>

<script setup>
import { ref, onMounted } from 'vue';
import { useRouter, useRoute } from 'vue-router'
const route = useRoute()
const active = ref(route.query.active - 0);
// onMounted(() => {
//   console.log(route.query.id);
//   active.value = route.query.id
// })
</script>

<style lang="scss" scoped>
.van-nav-bar {
  --van-nav-bar-icon-color: black;
  --van-nav-bar-text-color: black;
}

:deep(.van-tabs__line) {
  width: 20%;
}
</style>